<!doctype html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>canvas 值域</title>
    <link rel="stylesheet" href="css/style.css">
    <style>
        #container {
            width: 100%;
            height: 100%;
        }
    </style>
</head>

<body>
    <div id="container">
        <p id="process" style="width:0px;height:5px;background-color:#A6E32D;"></p>
    </div>
    <script type="text/javascript" src="../build/canvas-legend.js"></script>
    <script>
        var legend = new Legend('container', {
            startColor: '#A6E32D',
            endColor: '#E3DF0D',
            step: 10
        });
        console.log(legend);
    </script>
</body>

</html>